<template>
  <div class="attention">

        <ul class="list">
            <li class="clearFix">
                <div class="fl left">
                        <img class="icon1" src="https://dummyimage.com/40x40">
                        <span>陈大大</span>
                </div>
                <div class="fr right">
                        <img class="icon2" src="https://dummyimage.com/15x15">
                        <span>已关注</span>
                </div>
            </li>
            <li class="clearFix">
                <div class="fl left">
                        <img class="icon1" src="https://dummyimage.com/40x40">
                        <span>陈大大</span>
                </div>
                <div class="fr right">
                        <img class="icon2" src="https://dummyimage.com/15x15">
                        <span>已关注</span>
                </div>
            </li>
            <li class="clearFix">
                <div class="fl left">
                        <img class="icon1" src="https://dummyimage.com/40x40">
                        <span>陈大大</span>
                </div>
                <div class="fr right">
                        <img class="icon2" src="https://dummyimage.com/15x15">
                        <span>已关注</span>
                </div>
            </li>
            <li class="clearFix">
                <div class="fl left">
                        <img class="icon1" src="https://dummyimage.com/40x40">
                        <span>陈大大</span>
                </div>
                <div class="fr right">
                        <img class="icon2" src="https://dummyimage.com/15x15">
                        <span>已关注</span>
                </div>
            </li>
        </ul>
  </div>
</template>

<script>

export default {
  name: 'Attention',
  data () {
    return {
      msg: 'message'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.list li{
    background:#fff;
    padding:.3rem .5rem;
    border-bottom:#000 solid 1px;
}
.left .icon1{
    border-radius:50%;
}
.left span{
    line-height:2.2rem;
}
.right{
    border:1px solid #000;
    padding:.2rem;
    margin-top:.6rem;
}
.right .icon2{

}

</style>
